@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"寰蒋闆呴粦"; font-size:14px; cursor:default; color:#4c4c4c;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;border:none;}

ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

button,input,select,textarea{font-size:100%;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;}

a{text-decoration:none; outline:none; color:#4c4c4c;}

a:hover{ text-decoration:underline;}

a:active{outline: none;star:expression(this.onFocus=this.blur());}

.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}
body{ background: url(2017_yd_index_bodybg.png) no-repeat center 25px #f0f0f0;}
/*.bg_box{width: 100%;background: url(2017_yd_index_bodybg.png) no-repeat top center;}*/
.top{width: 100%;background: #636363;height: 30px;line-height: 30px;}
.top_cen{width: 1140px;height: 30px;margin: 0 auto;}
.top_cen a{width: 120px;height: 30px;line-height: 30px;display: block;background: url(2017_yd_index_ghbg.png) no-repeat 7px center #fff;font-size: 12px;color: #333;text-indent: 30px;text-decoration: none;}
.top_cen p{font-size: 12px;color: #fff;}
.top_cen ul{ float:right; width:300px;}
.top_cen li{ float:left;}
.top_cen li a{width:auto;padding-right:5px;background:none;color:#fff;}
.top_cen li a:hover{ text-decoration:underline;}

.logo_box{width: 1140px;height: 121px;margin: 0 auto;}
.logo_box .logo{margin-top: 20px;}
.nav{height: 65px;margin-top: 25px;}
.nav li{width: 105px;height: 65px;line-height: 95px;float: left;text-align: center; overflow: hidden;}
.nav li:hover{background: url(2017_yd_index_navbg.png) no-repeat;}
.nav li a{display: block;font-size: 16px;color: #0168b7;text-decoration: none; background: no-repeat center 11px;}
.nav li a:hover{color: #fff;}
.nav li a.nav1{background-image: url(2017_yd_index_nav001.png);}
.nav li a.nav2{background-image: url(2017_yd_index_nav002.png);}
.nav li a.nav3{background-image: url(2017_yd_index_nav003.png);}
.nav li a.nav4{background-image: url(2017_yd_index_nav004.png);}
.nav li a.nav5{background-image: url(2017_yd_index_nav005.png);}
.nav li a.nav6{background-image: url(2017_yd_index_nav006.png);}
.nav li a.nav7{background-image: url(2017_yd_index_nav007.png);}
.nav li a.nav1:hover{background-image: url(2017_yd_index_nav1.png);}
.nav li a.nav2:hover{background-image: url(2017_yd_index_nav2.png);}
.nav li a.nav3:hover{background-image: url(2017_yd_index_nav3.png);}
.nav li a.nav4:hover{background-image: url(2017_yd_index_nav4.png);}
.nav li a.nav5:hover{background-image: url(2017_yd_index_nav5.png);}
.nav li a.nav6:hover{background-image: url(2017_yd_index_nav6.png);}
.nav li a.nav7:hover{background-image: url(2017_yd_index_nav7.png);}

.search_box{width: 1140px;height: 138px;margin: 0 auto;}
.search_box p{margin-top: 46px;padding-left: 300px;}
.search{width: 623px;height: 50px;line-height: 50px;background: url(2017_yd_index_search.png) no-repeat;margin-top: 50px;}
.search input{border: 0;background: none;float: left;}
.search input.txt{width: 521px;padding-left: 20px;height: 50px;line-height: 50px;cursor: text;font-size: 14px;color: #999; outline: none;}
.search input.btn{width: 82px;height: 50px;cursor: pointer; outline: none; font-size: 0px; color: #fff;}

.lonks{width: 100%;height: 40px;border-top: 1px solid #0168b7;line-height: 40px;text-align: center;background: #fff;}
.lonks ul{margin: 0 auto;width: 614px;}
.lonks ul li{float: left;padding:0 30px;background: url(2017_yd_index_links_line.png) no-repeat right center;text-align: center;}
.lonks ul li a{font-size: 12px;color: #333;text-decoration: none;display: block;}
.lonks ul li:last-child{background: none;}

.footer{width: 100%;height: auto;padding: 15px 0;background: #0168b7;text-align: center;}
.foot_pic{width: 192px;height: 67px;margin: 0 auto;margin-bottom: 10px;}
.footer p{line-height: 30px;font-size: 12px;color: #fff;}
.footer p a{text-decoration: none;font-size: 12px;color: #fff;}

.sideBar{ position: fixed; left:50%; bottom:200px; margin: 0 0 0 580px; width: 50px; z-index:999;}
.sideBar li{ font-size: 16px; line-height: 50px; text-align: center; position: relative;}
.sideBar li .sideTit{ display: block; width: 50px; height: 50px; background: #2c77ac; color: #fff; margin-top: 3px;}
.sideBar li .sideTit:hover{ background: #1a5e8e; text-decoration: none;}
.sideBar .sideCell{ display: none; position: absolute; right:50px; top: -175px; padding-right: 10px;}
.sideBar .app{padding: 5px; background:#fff; font-size:12px; line-height:14px;}
.sideBar .app img{ display: block; width: 80px; height: 80px;}




@media screen and (max-width: 1140px){
	body{ background: #F0F0F0;}
	.top_cen{ width: 100%;}
	.top_cen a{ background-color: #636363; color: #fff;}
	.Hj-EasyRead-Container,#ad1,.sideBar,.top_cen ul,.search_box p{ display: none !important;}
	.logo_box,.search_box{ width: 100%; height: auto; margin-top: 5px;}
	.logo_box .logo{ display: block; width: 100%; float: none !important; text-align: center;}
	.nav{ float: none !important; margin-top: 10px; width: 100%;}
	.nav li{ width: 16.66%;}
	.nav li:first-child{ width: 16.7%;}
	.search{ float: none !important; margin: 0 auto;}
	
	.footer{ height: auto;  padding: 25px 1%; box-sizing: border-box;}
	.footer p{ line-height: 24px;}
}

@media screen and (max-width: 630px){
	.search{ width: 98%; background: none; border: 2px solid #0168B7; border-radius: 20px; height: 40px; box-sizing: border-box; overflow: hidden; position: relative;}
	.search input.txt{ width: 100%; padding-left: 10px; height: 36px; line-height: 36px; background: #fff;}
	.search input.btn{ height: 36px; line-height: 36px; position: absolute; right:0; background: #0168B7; font-size: 14px;}
}

@media screen and (max-width: 528px){
	.lonks ul{ width: 100%;}
	.lonks ul li{ width: 25%; padding: 0; background: none; white-space: nowrap;}
}


@media screen and (max-width: 480px){
	.lonks,.foot_pic{ display: none;}
}

@media screen and (max-width: 400px){
	.logo_box .logo img{ width: 98%; height: auto;}
}